<template>
  <div class="itemPagination">
    <div class="f-r">
      <el-pagination
        :page-size="this.$store.state.commonDATA.pageSize"
        :total="this.$store.state.commonDATA.total"
        :current-page="this.$store.state.commonDATA.pageNum"
        @current-change="handleCurrentChange"
        background
        layout="prev, pager, next"
      ></el-pagination>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  data() {
    return {};
  },
  methods: {
    handleCurrentChange(val) {
      this.$store.commit("pageNumUpdata", val);
      this.$api.commonAPI
        .getElectricCars({
          list: this.$store.state.commonDATA.groDATA.getlist,
          pageNum: this.$store.state.commonDATA.pageNum,
          priceMax: this.$store.state.commonDATA.groDATA.JGmax,
          priceMin: this.$store.state.commonDATA.groDATA.JGmin,
          orderStatus: this.$store.state.commonDATA.orderStatus
        })
        .then(res => {});
    }
  },
  components: {}
};
</script>

<style scoped >
.itemPagination {
  padding: 0px;
  margin-top: 10px;
}
</style>
